<template>
  <div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180" style="background-color: darkgrey"></el-table-column>
      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
      <el-table-column prop="address" label="地址"></el-table-column>
    </el-table>
    <el-button type="primary" @click="login">登录</el-button>
    <single-upload v-model="image.url"></single-upload>
  </div>
</template>

<script>
import SingleUpload from '@/components/upload/singleUpload'

export default {
  components: {SingleUpload},
  data() {
    //这里存放数据
    return {
      inputForm: {
        username: "rubenHappyAchao",
        password: "Ruben8848"
      },
      image: {
        url: ''
      },
      tableData: [
        {
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
        },
        {
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1517 弄",
        },
        {
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1519 弄",
        },
        {
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1516 弄",
        },
      ],
    };
  },
  methods: {
    login() {
      this.$http({
        url: `/user/login`,
        method: 'post',
        data: this.inputForm
      }).then(({data}) => {
        if (data && data.success) {
          this.$message.success(data.msg)
          this.$cookie.set("token", data.token)
          this.$cookie.set("refreshToken", data.refreshToken)
        }
      });
    }
  },
};
</script>
<style scoped lang="less">
/deep/ .cell {
  background-color: #9a9a9a;
  color: #ffffff;
}
</style>